import React from "react";
import {Form,Input,Button,message} from 'antd'

const Login = (props) => {
    console.log(props)
    const onFinish = () => {

    }
    const onFinishFailed = () => {

    }

    return (
        <>
            <Form
                name="basic"
                labelCol={{
                    span: 8,
                }}
                wrapperCol={{
                    span: 16,
                }}
                initialValues={{
                    remember: true,
                }}
                onFinish={onFinish}
                onFinishFailed={onFinishFailed}
                autoComplete="off"
                >
                <Form.Item
                    label="Username"
                    name="username"
                    rules={[
                    {
                        required: true,
                        message: 'Please input your username!',
                    },
                    ]}
                >
                    <Input />
                </Form.Item>
            </Form>
        </>
    )
}

const WrapLogin = Form.create()(Login);

export default connect((state) => state.user,(dispatch) => dispatch)(WrapLogin)